<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="zh">
<head>
<meta charset="utf-8" />
<title>SaltStack Admin - Minions实时状态</title>
<meta name="description" content="Luxiaok" />
<meta name="keywords" content="Luxiaok" />
<!-- We need to emulate IE7 only when we are to use excanvas -->
<!--[if IE]>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<![endif]-->
<!-- Favicons --> 
<link rel="shortcut icon" type="image/png" href="/static/images/favicons/favicon.png"/>
<link rel="icon" type="image/png" href="/static/images/favicons/favicon.png"/>
<link rel="apple-touch-icon" href="/static/images/favicons/apple.png" />
<!-- Main Stylesheet --> 
<link rel="stylesheet" href="/static/css/main.css" type="text/css" />
<!-- Your Custom Stylesheet --> 
<link rel="stylesheet" href="/static/css/custom.css" type="text/css" />
<!-- 用户列表css样式 --> 
<link rel="stylesheet" href="/static/css/tables.css" type="text/css" />
<!-- jQuery with plugins -->
<script type="text/javascript" src="/static/js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="/static/js/salt.js"></script>
<!--
Could be loaded remotely from Google CDN : 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
-->
<!-- Superfish Navigation -->
<script type="text/javascript" src="/static/js/jquery.superfish.min.js"></script>
<script type="text/javascript" src="/static/js/jquery.supersubs.min.js"></script>
<!-- 顶部导航和底部隐藏的导航的特效输出 -->
<script type="text/javascript" src="/static/js/nav.show.menu.js"></script>
</head>
<body onload="GetStatus();">
	<!-- Header -->
	<%include file="header.html" args="curM='salt',ShowName=ShowName,uid=uid" />
	<!-- End of Header -->
	<!-- Page title -->
	<div id="pagetitle">
		<div class="wrapper">
			<h1>SaltStack管理</h1>
			<!-- Quick search box -->
			<form action="" method="get"><input class="" type="text" id="q" name="q" /></form>
		</div>
	</div>
	<!-- End of Page title -->
	
	<!-- Page content -->
	<div id="page">
		<!-- Wrapper -->
		<div class="wrapper">
	      <div>
		  <table width=100%>
		  <tr>
			  <td><h3>Minions实时状态</h3></td>
			  <td align='left'>按主机角色显示：<select name="show4role" id="show4role" class="" onchange="">
                      <option value="all"  selected="selected">所有角色</option>
                      <option value="General">General</option>
                      <option value="Web">Web</option>
                      <option value="Front">Front</option>
                      <option value="MySQL">MySQL</option>
                      <option value="Redis">Redis</option>
                      <option value="Router">Router</option>
                      <option value="Switch">Switch</option>
                      <option value="Firewall">Firewall</option>
                 </select>
                  　　按Minion状态显示：<select name="show4idc" id="show4idc" class="" onchange="">
                      <option value="all"  selected="selected">所有状态</option>
                      <option value="up">在线</option>
                      <option value="down">离线</option>
                      <option value="unknown">未知</option>
                 </select>                
                  　　显示行数：<select name="showline" id="showline" class="">
                      <option value="all"  selected="selected">所有行</option>
                      <option value="line10">10 行</option>
                      <option value="line20">20 行</option>
                      <option value="line50">50 行</option>
                      <option value="line100">100行</option>
                      <option value="line200">200行</option>
                      <option value="line500">500行</option>
                  </select>			
			  </td>
              <td align='right'><a id="running_key" href="javascript:void(0)" class="btn" OnClick="GetStatus();" ><span class="icon icon-refresh">&nbsp;</span>刷新状态</a></td>
          </tr>
          </table>					
					<table class="datalist" id="datalist">
						<thead>
						 <tr>
							<th>ID</th>
							<th>主机名</th>
							<th>IP地址</th>
							<th>操作系统</th>
							<th>Salt版本</th>
							<th>硬盘状态</th>
							<th>内存状态</th>
							<th>运行时间</th>
							<th>系统负载</th>
							<th>服务器角色</th>
							<th>服务器厂商</th>
							<th>服务器型号</th>
							<th>在线状态</th>
							<th>管理操作</th>
					    </tr>
						</thead>
						<tbody id="status_list">
						  <tr class="dataline">
						    <td>1</td>
						    <td>*</td>
						    <td colspan="10"><img src="/static/images/loading1.gif" /></td>
					    	    <td><font color="green">Loading</font></td>
						    <td><a href="javascript:void(0)" onClick="return confirm('啊噢，您权限不够！');">关机</a> | <a href="javascript:void(0)" onClick="return confirm('啊噢，你不能随便重启机器！');">重启</a> | <a href="javascript:void(0)" onClick="return confirm('监控功能正在开发~ing~~');">监控</a></td>
						  </tr>
						</tbody>
						<tfoot>
							<tr>
							<th>ID</th>
							<th>主机名</th>
							<th>IP地址</th>
							<th>操作系统</th>
							<th>Salt版本</th>
							<th>硬盘状态</th>
							<th>内存状态</th>
							<th>运行时间</th>
							<th>系统负载</th>
							<th>服务器角色</th>
							<th>服务器厂商</th>
							<th>服务器型号</th>
							<th>在线状态</th>
							<th>管理操作</th>
					    </tr>
						</tfoot>
					</table>
	      </div>
		</div>
		<!-- End of Wrapper -->
	</div>
	<!-- End of Page content -->
<%include file="footer.html" />	
</body>
</html>
